
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>审批申请</title>
		<link rel="stylesheet" href="../../../css/aui.css" />
		<link rel="stylesheet" href="../../../css/iconfont/iconfont.css" />
		<link rel="stylesheet" href="../../../css/my/application/index.css">
	</head>
<body style="cursor: pointer;">

	<div class="aui-bar aui-bar-btn aui-bar-btn-full" id="approve">
	    <div class="aui-bar-btn-item aui-active">我审批的</div>
	    <div class="aui-bar-btn-item">我发起的</div>
	</div>
	<div class="aui-bar aui-bar-btn aui-bar-btn-full" id="approve_status">
	    <div class="aui-bar-btn-item aui-active">待审批</div>
	    <div class="aui-bar-btn-item">已审批</div>
	    <div class="aui-bar-btn-item">已拒绝</div>
	</div>
	<div class="aui-content" id="tab">
		<div class="content" id="tab1" style="display:block;">
			<div class="aui-content-padded bg-white">
				<div class="row-space">
					<div class="icon-item"><i class="icon iconfont icon-shenpi" style="font-size:1rem;"></i></div>
					<div class="field-item grey-8">
						<div>申请人</div>
						<div>申请类型</div>
						<div>申请事由</div>
						<div>申请时间</div>
						<div>申请金额</div>
						<div>政策违规</div>
					</div>
					<div class="info-item grey-4">
						<div>陈粒</div>
						<div>机票</div>
						<div>陈粒去台北看妹妹的演唱会</div>
						<div>2018-01-01 至 2018-01-11</div>
						<div>￥10000</div>
						<div>未违规</div>
					</div>
				</div>

				<div class="wait-status">等待审批...</div>
			</div>
		</div>
		<div class="content" id="tab2">
			<div class="aui-content-padded bg-white">
				<div class="row-space">
					<div class="icon-item"><i class="icon iconfont icon-shenpi" style="font-size:1rem;"></i></div>
					<div class="field-item grey-8">
						<div>申请人</div>
						<div>申请类型</div>
						<div>申请事由</div>
						<div>申请时间</div>
						<div>申请金额</div>
						<div>政策违规</div>
					</div>
					<div class="info-item grey-4">
						<div>陈粒</div>
						<div>机票</div>
						<div>陈粒去台北看妹妹的演唱会</div>
						<div>2018-01-01 至 2018-01-11</div>
						<div>￥10000</div>
						<div>未违规</div>
					</div>
				</div>

				<div class="wait-status">已审批</div>
			</div>
		</div>
		<div class="content" id="tab3">
			<div class="aui-content-padded bg-white">
				<div class="row-space">
					<div class="icon-item"><i class="icon iconfont icon-shenpi" style="font-size:1rem;"></i></div>
					<div class="field-item grey-8">
						<div>申请人</div>
						<div>申请类型</div>
						<div>申请事由</div>
						<div>申请时间</div>
						<div>申请金额</div>
						<div>政策违规</div>
					</div>
					<div class="info-item grey-4">
						<div>陈粒</div>
						<div>机票</div>
						<div>陈粒去台北看妹妹的演唱会</div>
						<div>2018-01-01 至 2018-01-11</div>
						<div>￥10000</div>
						<div>未违规</div>
					</div>
				</div>

				<div class="wait-status">已拒绝</div>
			</div>
		</div>

	</div>



</body>
</html>
<script type="text/javascript" src="../../../script/aui/api.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-tab.js"></script>
<script type="text/javascript" src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>

<script type="text/javascript">
		// 一级菜单
		var tab = new auiTab({
		    element:document.getElementById("approve"),
		    index:1,
		    repeatClick:false
		},function(ret){
		    // console.log(ret);
				var index = JSON.stringify(ret.index)-1;
				console.log(index);
				var k = 1;

		});
		//二级菜单
		var tab = new auiTab({
		    element:document.getElementById("approve_status"),
		    index:1,
		    repeatClick:false
		},function(ret){
				var index = JSON.stringify(ret.index)-1;
				var tabs = ["#tab1","#tab2","#tab3"];
				for(var i=0;i<3;i++){
					if(i == index){
						console.log(index);
						$(tabs[i]).css("display","block");
					}else{
						$(tabs[i]).css("display","none");
					}
				}
		});
</script>
